<template>
  <div id="Myself">
    <section class="main">
      <Myxx />

      <section class="tu1">
        <img src="@/assets/images/35.jpg" />
      </section>
      <section class="tu2">
        <img src="@/assets/images/36.jpg" />
      </section>
      <router-view />
</section>
      <Dwbottom />
    
  </div>
</template>

<script>
import Dwbottom from "@/components/Obottom.vue";
import Myxx from "@/components/Myxx.vue";
export default {
  components: {
    Dwbottom,
    Myxx,
  },
};
</script>

<style scoped>
#Myself {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#Myself img {
  width: 100%;
  height: 100%;
}
#Myself .main{
  width: 100%;
  height: 100%;
  overflow: auto;
}
</style>